﻿/* 头部 */
.container{ width: 1170px; margin: 0 auto; text-align:left; }
.top-wrap{ overflow: visible; border-bottom: 4px solid #E49A51; background:url('../images/top_bg.jpg') repeat; }
.header{ position:relative; padding: 20px 0; }
.logo{ float:left; }

.nav{ float:left; _display:inline; margin-left: 10px; }
.nav ul li{ float:left; }
.nav ul li a{ height: 84px; padding: 20px 20px 0; overflow:hidden; font-size: 18px; color:#555!important; text-align:left; line-height: 1; }
.nav ul li a p{ font-size: 12px; line-height: 26px; }
.nav ul li a:hover{ color:#E49A51!important; }
.nav ul li.cur a{ color:#E49A51!important; }

.top-r{ position:absolute; top: 34px; right: 0; }
.attention span{ float:left; font-size: 14px; color:#A4A4A4; line-height: 26px; vertical-align:top; }
.attention a{ float:left; _display:inline; width: 28px; height: 28px; margin-left:5px; text-indent: -9999px; }
.attention .ico1{ background:url('../images/ico.png') no-repeat 0 0; }
.attention .ico1:hover{ background-position: 0 -30px; }
.attention .ico2{ position:relative; background:url('../images/ico.png') no-repeat -30px 0; }
.attention .ico2:hover{ background-position: -30px -30px; }
.attention .ico2 span{ display:none; }
.attention .ico2:hover span{ display:block; position:absolute; top: 28px; left: -100px; z-index:1000; width: 140px; height: 140px; padding: 10px 0; overflow:hidden; border:1px solid #ccc; background-color:#FFF;  }
.attention .ico2:hover span img{ margin: 0 auto; }
.attention .ico3{ background:url('../images/ico.png') no-repeat -60px 0; }
.attention .ico3:hover{ background-position: -60px -30px; }

.top-r .hotline{ overflow:hidden; }
.top-r .hotline span{ float:left; font-size: 14px; color:#A4A4A4; line-height: 26px; vertical-align:top;}
.top-r .hotline .tel{ color:#E49A51; font-weight:bold; text-indent: 5px; }

/* 首页大屏幻灯片 */
.fullSlide{ width:100%; position:relative; height:390px; background:#FFF; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important; height:390px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:390px; }

.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:62px; height:11px; margin: 0 4px 0 0; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#000;filter:alpha(opacity=50);opacity:0.5; line-height:999px; }
.fullSlide .hd ul .on{ background:#f00; }

.fullSlide .prev,
.fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url('../images/slider-arrow.png') -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; }
.fullSlide .next{ left:auto; right:5%; background-position:-6px -137px; }

/* 图片滚动 */
.picScroll{ position:relative;  height:124px; padding: 0 0 10px 82px;  /*background:#fff;*/ margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:122px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:122px; height:124px; }
.picScroll .prev,
.picScroll .next{ position:absolute; left:10px; top: 20px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }

.productScroll{ position:relative;  padding: 0 0 10px 62px;  /*background:#fff;*/ margin-bottom:10px; overflow:hidden;   }
.productScroll ul{ overflow:hidden; zoom:1; }
.productScroll ul li{ float:left; margin: 0 6px;  width:122px; overflow:hidden; display:inline; }
.productScroll ul li img{ width:122px; height:124px; }
.productScroll .sprev,
.productScroll .snext{ position:absolute; left:10px; top: 70px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.productScroll .snext{ left:auto; right:10px; background-position:-120px 0; z-index:9999}
.productScroll .prevStop{ background-position:0 0; }
.productScroll .nextStop{ background-position:-80px 0; z-index:9999}

/* 首页服务范围 */
.container1{ padding: 40px 0 60px; }
.container1 .hd .name,.container2 .hd-box .name,.container3 .hd-box .name{ /*height: 50px; line-height: 50px;*/ color:#E49A51/*E24D17*/; font-size: 40px; text-align:center; }
.container1 .hd .name em,.container2 .hd-box .name em,.container3 .hd-box .name em{ margin: 0 25px; font-size: 36px; }
.container1 .hd p,.container3 .hd-box p{ margin-top: 10px; height: 30px; font-size: 18px; color:#A0A0A0; line-height: 30px; text-align:center; }
.container1 .bd{ margin-top: 30px /*60px*/; }
.container1 .bd ul li a{ float:left; width: 234px; text-align:center; }
.container1 .bd ul li a .thumb{ width:120px; height:120px; background:#434343; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; margin:0px auto; /*margin-bottom:30px;*/transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.container1 .bd ul li a h4{ font-size:20px; font-weight:normal;}
.container1 .bd ul li a:hover .thumb{ background:#E49A51;
                                      /*-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);*/}
.container1 .bd ul li a .thumb img{ width:120px; height:120px; vertical-align:top;}

.wrap-bg2{ background:url('../images/black_bg.jpg') repeat; }
.container2,.container3{ padding: 40px 0 40px; }
.container2 .bd-box{ margin-top: 40px; }

/* 案例展示TAB切换 */
.case-tab{ width: 1170px; }
.case-tab .hd{ margin-left: -50px; height: 62px; overflow:hidden; font-size: 0; text-align:center; border-bottom:1px solid #393939; /*margin: 0 280px 0 20px;*/ }
.case-tab .hd li{ height: 60px; padding: 0 0px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; cursor:default; font-size: 20px; color:#747474; line-height: 60px; }
.case-tab .hd li.on{ border-bottom:3px solid #E49A51; color:#E49A51; }

.case-tab .bd{ width: 100%; position:relative; z-index: 1; overflow:hidden; /*padding-top: 40px;*/ }
.case-tab .bd .lh,.case-tab .hd .lh{ width: 1000px; position:relative; z-index: 1000; overflow:hidden; }
.case-tab .bd .lh li{ /*float:left;*/display:inline-block; width: 270px; _display:inline; /*margin-right: 29px;*/ }
.case-tab .bd .lh li .thumb a{ position:relative; z-index: 2; display:block; overflow:hidden; background-color:#000; }
.case-tab .bd .lh li .thumb a img{ max-width: 100%; height:auto; width: auto\9; /* ie8 */ }

.case-tab-li .thumb a .hover-bg{ display:none; }
.case-tab-li .thumb a:hover .hover-bg{ display:block; position:absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; background:url('../images/bg.png') repeat;}
.case-tab-li .thumb a:hover .hover-bg .ico{ display:block; width: 48px; height: 48px; margin: 80px auto 0; background:url('../images/ico6.png') no-repeat 0 0; }
.case-tab-li .thumb a:hover img,.case-li a:hover img{ 
    /*transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2);*/ }
.case-tab-li .tit a{ display:block; height: 40px; font-size: 18px; color:#B4B4B4!important; line-height: 40px; text-align:center; }
.case-tab-li .tit a:hover{ color:#E49A51!important; }

/* 品牌梦想 */
.container3-bd{ margin-top: 60px; }
.ide-about{ float:left; width: 476px; height: 254px; overflow:hidden; padding-right: 40px; text-align:right; }
.ide-about h3,.ide-news h3{ height: 50px; font-size: 20px; color:#E49A51/*FF3500*/; font-weight:bold; line-height: 50px; text-align:center; }
.ide-about p{ font-size: 14px; color:#555; line-height: 32px; }
.ide-about .more,.ide-news .more{ height: 40px; line-height: 40px; z-index: 2000;}
.ide-about .more a,.ide-news .more a{ font-size: 14px; }

.container3-bd .img-box{ float:left; padding: 20px 0 0 0; }
.ide-news{ float:right; width: 476px; height: 254px; overflow:hidden; white-space:nowrap; /*padding-left: 40px;*/ text-align:left; }
.ide-news ul li{ position:relative; overflow:hidden; font-size: 0; }
.ide-news ul li a{ display:block; overflow:hidden; font-size: 14px;}
.ide-news ul li a i{ display:inline-block; height: 32px; padding-right: 5px; font-style:normal; line-height: 32px; vertical-align:top; }
.ide-news ul li strong{ display:inline-block; height: 32px; line-height: 32px; vertical-align:top;     
    overflow: hidden; text-overflow: clip; width: 300px;}
.ide-news ul li .time{ position:absolute; top: 0; right:0; display:block; height: 32px; font-size: 14px; line-height: 32px; }

/* 内页banner */
.inr-banner{ width: 100%; height: 150px; background:url('../images/inr_banner.jpg') no-repeat center; }

/* Page */
.sidebar{ position:relative; z-index: 100; float:left; width: 220px; }
.sidebar-menu{ width: 270px; position:relative; z-index: 1000; margin-top: 20px; margin-left: -30px;}
.sidebar-menu h3{ height: 60px; background:url('../images/ico10.png') no-repeat 234px 14px; font-size: 20px; color:#E49A51; font-weight:bold; line-height: 60px; }
.sidebar-menu ul li a{ display:block; height: 60px; background:url('../images/ico11.png') no-repeat 240px 22px; font-size: 18px; line-height: 60px; }
.sidebar-menu ul li .cur{ background:url('../images/ico12.png') no-repeat 240px 22px; color:#E49A51!important; }

.main{ position:relative; z-index: 50; margin-left: 220px; padding-left: 50px; border-left:1px solid #ddd; }
.crumb{ padding: 40px 0 10px; overflow:hidden; border-bottom:1px solid #ddd; color:#333; }
.crumb .page-title{ float:left; height: 40px; font-size: 28px; line-height: 40px; }
.crumb p{ float:left; padding-left: 10px; font-size: 18px; height: 40px; line-height: 40px; }

.page-content{ padding: 30px 0 30px; font-size: 14px; line-height: 28px; }
.page-content img{ max-width: 100%; margin: 0 auto; height: auto; width: auto\9; /* ie8 */ }
.page-content b,.page-content strong{ font-weight:bold; color:#000; }
/* 服务内容 */
.service-list ul li{ margin-top: 30px; padding-bottom: 30px; border-bottom:1px solid #ddd; }
.service-li .thumb{ float:left; width: 150px; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.service-li .thumb a{ display:block; overflow:hidden; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; }
.service-li .thumb a img{ max-width: 100%; }
.service-li .info{ margin-left: 170px; }
.service-li .info .tit a{ display:block; height: 40px; font-size: 18px; color:#E49A51!important; line-height: 40px; }
.service-li .info p{ font-size: 14px; line-height: 24px; }
.service-li .info .more{ margin-top: 10px; overflow:hidden; }
.service-li .info .more a{ float:right; padding: 6px 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color:#ccc; line-height: 1; }
.service-li .info .more a:hover{ background-color:#E49A51; color:#FFF!important; }

/* 案例展示 */
.case-list,.product-list{ position:relative; z-index: 1; padding-bottom: 30px; overflow:hidden; }
.case-list ul,.product-list ul{ position:relative; z-index: 1000; width:1000px; overflow:hidden; }
.case-li,.product-li{ float:left; _display:inline; width: 280px; margin: 28px 28px 0 0; }
.case-li a{ position:relative; display:block; height: 263px; overflow:hidden; /*color:#FFF!important;*/ }
.case-li a:hover{ color:#E49A51!important; }
.case-li a img{ max-width: 100%; }
.case-li .tit{ position:absolute; left: 0; bottom: 0; z-index: 100; width: 100%; height: 40px; overflow:hidden;/*background:url('../images/bg.png') repeat;*/font-size: 16px; text-align:center; line-height: 40px; }

/* 产品展示 */
.product-li a{ display:block; overflow:hidden; }
.product-li a img{ max-width: 100%; }
.product-li a .tit{ height: 40px; font-size: 16px; line-height: 40px; text-align:center; }

/* 产品内容页 */
.product-hd{ padding-top: 20px; }
.product-hdp{ float:left; width: 350px; }

.picFocus{ width:350px; padding:5px; position:relative; overflow:hidden; zoom:1; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:109px; height:109px; border:1px solid #ddd; cursor:pointer; margin-right:5px; }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd li a{ display:block; overflow:hidden; }
.picFocus .bd img{ width:340px; height:340px; }

.product-info{ margin-left: 380px; }
.product-info dl{ overflow:hidden; border-bottom:1px solid #ddd; font-size: 14px;}
.product-info dt{ float:left; width: 120px; padding: 16px 0; color:#888; line-height: 1;  }
.product-info dd{ float:left; padding: 16px 0; line-height: 1; }
.product-info .xun{ padding-top: 20px; }
.product-info .xun a{ float:left; width: 120px; height: 36px; overflow:hidden; border:1px solid #D07600; background-color:#FF9000; font-size: 16px; color:#FFF; 
 text-align:center; line-height: 36px;}
.product-info .xun .price{ border-left: none; }
.product-info .xun a:hover{ border:1px solid #FF9000; background-color:#FFF; color:#333; }
.product-bd{ margin-top: 30px; }
.product-bd h3{ overflow:hidden; border-bottom:1px solid #ddd; }
.product-bd h3 strong{ float:left; padding: 12px 0; font-size: 16px; font-weight:bold; line-height:1; }
.product-bd .content img{ max-width: 100%; }


/* 内容通用 */
.info-data{ font-size: 0; }
.info-data span{ display:inline-block; height: 40px; padding-right: 10px; font-size: 12px; color:#888; line-height: 40px; }
.news-li .thumb-box{ float:left; width: 180px; }
.news-li .info{ margin-left: 200px; }

/* 加入我们的团队 */
.join{ height: 235px; overflow:hidden; background:url('../images/jiaru.jpg') no-repeat center; }
.join .name-box{ width: 320px; margin: 80px auto 0; }
.join .name-box .name a{ display:block; height: 50px; line-height: 50px; color:#969698!important; font-size: 40px; text-align:center; }
.join .name-box p{ height: 40px; color:#969698; font-size: 32px; line-height: 40px; }

/* 分页 */
.pages{ margin-top: 30px; }
.pagination{ font-size:0; text-align:center; }
.pagination ul li{ display:inline-block; padding: 12px 20px; vertical-align:top; border:1px solid #ddd; border-left:none; font-size:12px; line-height:1; }
.pagination ul li .current{ color:#E49A51; font-weight:bold; }
.pagination ul li:first-child{ border-left:1px solid #ddd; }

/* Footer */
.footer-wrap{ /*background-color:#0091e3;*//*195BE5 243F86 2D2E32*/ 
              /*border-top: 1px solid #5895d5; border-bottom: 1px solid #3b92e9; background: #459df5;*/ 
              border-top: 2px solid ghostwhite;
}
.get-top{ width: 60px; height: 26px; margin: 0 auto; background:url('../images/ico8.png') no-repeat 0 0; }
.get-top a{ display:block; width: 60px; height: 26px; }

.footer-bd1{ padding: 20px/*30px*/ 0 0 0; }
.logo-wx{ float:left; overflow:hidden; }
.footer-logo{ float:left; }
.footer-wx{ margin-left: 170px; padding-left: 25px; height: 91px; border-left:1px solid #47494F; }

.footer-contact{ float:right; width: 350px; color:#000/*9AB9D7*/; text-align:right; }
.footer-contact h3{ width: 350px; height: 32px; background:url('../images/ico9.png') no-repeat 250px 0; font-size: 16px; line-height: 32px; }
.footer-contact p span{ display:block; line-height: 32px;}
.footer-contact p .tel{ height: 40px; font-size: 30px; line-height: 40px; }

.copy{ /*border-top:0px solid #9AB9D7;*//*E49A51 47494F*/ /*background-color:#A1A1A1;*/ }
.copy-box span{ display:block; height: 20px; font-size: 12px; color:#000/*9AB9D7 6A6A6C*/; line-height: 20px; margin-bottom: 1px;}
.copy-l{ float:left; }
.copy-r{ float:right; }

A:link {
	COLOR: #787878; TEXT-DECORATION: none
}
A:visited {
	COLOR: #787878; TEXT-DECORATION: none
}
A:active {
	COLOR: #E49A51; TEXT-DECORATION: none
}
A:hover {
	COLOR: #E49A51; TEXT-DECORATION: none
}
BODY {
	SCROLLBAR-FACE-COLOR: #cfcfcf; FONT-SIZE: 12px; SCROLLBAR-SHADOW-COLOR: #595959; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #595959; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cfcfcf
}
.txt01 {
	FONT-SIZE: 9pt; COLOR: #707070; LINE-HEIGHT: 17px;
}
.txt02 {
	FONT-SIZE: 9pt; COLOR: #565656; LINE-HEIGHT: 17px;
}
.txt03 {
	FONT-SIZE: 8pt; COLOR: #999999; LINE-HEIGHT: 17px;
}
.txt04 {
	FONT-SIZE: 9pt; COLOR: #777777; LINE-HEIGHT: 17px;
}
.txt05 {
	FONT-SIZE: 9pt; COLOR: #59636c; LINE-HEIGHT: 20px;
}
.txt06 {
	FONT-SIZE: 8pt; COLOR: #848484; LINE-HEIGHT: 17px;
}
.txt07 {
	FONT-SIZE: 8pt; COLOR: #484848; LINE-HEIGHT: 17px;
}
.txt08 {
	FONT-SIZE: 8pt; COLOR: #0e0e0e; LINE-HEIGHT: 17px;
}
.txt09 {
	FONT-SIZE: 8pt; COLOR: #848484; LINE-HEIGHT: 10px;
}
.txt10 {
	FONT-SIZE: 9pt; COLOR: #35a4dc; LINE-HEIGHT: 14px;
}
.txt11 {
	FONT-SIZE: 9pt; COLOR: #787878; LINE-HEIGHT: 14px;
}
.txt12 {
	FONT-SIZE: 9pt; COLOR: #575757; LINE-HEIGHT: 14px;
}
.txt13 {
	FONT-SIZE: 9pt; COLOR: #979797; LINE-HEIGHT: 14px;
}
.txt14 {
	FONT-SIZE: 9pt; COLOR: #59636c; LINE-HEIGHT: 14px;
}
.txt15 {
	FONT-SIZE: 9pt; COLOR: #59636c; LINE-HEIGHT: 20px;
}
.txt16 {
	FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 12px;
}
.txt17 {
	FONT-SIZE: 9pt; COLOR: #fb5f12; LINE-HEIGHT: 14px;
}
.txt18 {
	FONT-SIZE: 9pt; COLOR: #4cacb1; LINE-HEIGHT: 14px;
}

/* 自适应 */

@media only screen and (min-width: 280px) and (max-width: 1000px){

}















